<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="attributeName" label="属性名" width="180" />
    <el-table-column prop="desc" label="说明" width="" />
    <el-table-column prop="defaultValue" label="默认值" width="180" />
  </el-table>
</template>

<script lang="ts" setup>
const tableData = ref([
  {
    attributeName: "v-model",
    desc: "双向绑定值",
    defaultValue: "",
  },
  {
    attributeName: "type",
    desc: "此属性传入custom可自定义弹窗标题，不传默认新增",
    defaultValue: "add",
  },
  {
    attributeName: "modalTitle",
    desc: "type为custom，可自定义设置modalTitle的值",
    defaultValue: "",
  },
  {
    attributeName: "modalWidth",
    desc: "弹窗宽度",
    defaultValue: "800",
  },
  {
    attributeName: "draggable",
    desc: "是否拖拽",
    defaultValue: "false",
  },
  {
    attributeName: "showClose",
    desc: "是否显示关闭图标",
    defaultValue: "false",
  },
  {
    attributeName: "center",
    desc: "header/footer是否居中",
    defaultValue: "false",
  },
  {
    attributeName: "modalMask",
    desc: "是否需要遮罩层",
    defaultValue: "true",
  },
  {
    attributeName: "fullscreen",
    desc: "双向绑定值",
    defaultValue: "false",
  },
  {
    attributeName: "fullscreenBtn",
    desc: "是否显示全屏按钮",
    defaultValue: "false",
  },
  {
    attributeName: "dialogOption",
    desc: "(type == 'add' && addTips: '') | (type == 'edit' && editTips: '') | (type == 'view' && viewTips: '') 也可通过此对象形式为弹窗自定义修改标题",
    defaultValue: "false",
  },
]);
</script>

<style>
</style>